<template>
  <div>
    <NavBar></NavBar>
    <router-view></router-view>
    <Footer></Footer>
  </div>
</template>

<script>
import NavBar from "@/components/navbar/index.vue";
import Footer from "@/components/footer/index.vue";
export default {
  components: {
    NavBar,
    Footer,
  },
  name: "Index",
  data() {
    return {};
  },
  methods: {},
};
</script>

<!-- <style scoped>
.position {
  position: relative;
}
.banner {
  /* position: absolute; */
  left: 10px;
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
/* 输入框 */
.inputz {
  position: absolute;
  margin-top: 200px;
} -->
<!-- </style> -->
